@charset "utf-8";
@import "reset.scss";
@import "common.scss";
@import "lunbo.scss";
$fs:64px;

html{
    font-size: $fs;
}
@function r($px){
    @return $px/$fs*1rem
}
.web{
    width: r(640px);
    section{
        width: 100%;
        height: 100%;
        margin-bottom: r(127px);
        .han{
            width: r(580px);
            margin: 0 auto;
//          margin-bottom: r(100px);
            .latiao{
                width: r(282px);
                height: r(348px);
                background: #f6f6f6;
                margin-top: r(20px);
                margin-right: r(16px);
                >a{
                    width: 100%;
                    height: r(182px);
                    display: block;
                    img{
                        width: 100%;
                    }
                }
                p{
                    width: 100%;
                    font-size: r(22px);
                    margin-top: r(12px);
                }
                .yxqs{
                    font-size: r(24px);
                    margin-top: r(15px);
//                  color: #c5c5c5;
                    button{
                        width: r(88px);
                        height: r(27px);
                        border-radius: 2px;
                        font-size: r(18px);
                        background: #b20000;
                        color: #ffffff;
                        margin-left: r(7px);
                        margin-right: r(33px);
                    }
                    a{
                        color: #c5c5c5;
                        i{
                            font-size: r(20px);
                        }
                    }
                    span{
                        color: #c5c5c5;
                        font-size: r(20px);
                        margin-right: r(10px);
                    }
                    span:nth-of-type(2){
                        margin-right:0;
                    }
                }
                .xiaot{
                    font-size: r(36px);
                    color: #c5c5c5;
                    height: r(36px);
//                  line-height: 20px;
                    margin-top: r(14px);
//                  margin-bottom: 1%;
                    a{
                        width: r(34px);
                        height: r(34px);
                        display: inline-block;
                        margin-left: r(7px);
                        img{
                            width: 100%;
                        }
                    }
                    span{
                         font-size: r(18px);  
                         margin-left: r(8px);
//                       line-height: 20px;
                         float: right;
                         margin-top: r(11px);
                         margin-right: r(37px);
                    }
                }
            }
            .latiao:nth-of-type(2n){
                margin-right: 0;
            }
        }
        hr{
            width: r(580px);
            height: r(1px);
            border: none;
            background: #e2e2e2;
            margin-top: r(30px);
            margin-bottom: r(30px); 
        }
        .gengduo{
            width: r(580px);
            margin: 0 auto;
            text-align: center;
            a{
                color: #bbbbbb;
                font-size: r(22px);
                display: block;
            }
        }
    }
}
